<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <title>用户注册信息</title>
    <th:block th:include="include :: front-common-css-js" />  
     <style>
        .contact { }
        .contact .con { position: relative; margin-top: 80px; }
        .contact .con .ditu img { display: block; border-radius: 20px; }
        .contact .con .font { position: absolute; top: 45px; right: 160px; background: #fff; padding: 40px; }
        .contact .con .font .p1 { font-size: 18px; color: #ec8718; padding-bottom: 26px; }
        .contact .con .font .lx { padding-bottom: 27px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
        .contact .con .font .p2 .s1 { display: block; line-height: 30px; }
        #button0{width: 27%;height: 30px;border: 1px solid ;}
        @media (max-width: 1024px) {
            .contact .con .font { position: unset; }
        }
    </style> 
    
</head>
<body>
    <!--主体内容 end-->
    <th:block th:include="include :: front-header" />  
    <h1>注册信息页面.....</h1>    
    <div  style="text-align:left">
    <form action="/front/register" method="post">
		<table style="width: 90%; margin-top: 10%;margin: auto;font-size: 1.3rem;margin-bottom: 20px;" >
			<tr>
				<td style="height: 4rem;">账号：</td>			
				<td><input type="text" name="account" required   /></td>			
				<td style="height: 4rem;">密码：</td>			
				<td><input type="password" name="password" required   /></td>
			</tr>
			<tr>
				<td style="height: 4rem;">邮箱：</td>			
				<td><input type="email" name="email" required   /></td>			
				<td style="height: 4rem;">电话号：</td>			
				<td><input type="text" name="phone"  /></td>
			</tr>
			<tr>
				<td style="height: 4rem;">姓名：</td>			
				<td><input type="text" name="name"    /></td>			<
				<td style="height: 4rem;">性别：</td>			
				<td>
				    <input type="radio" name="sex" value="1"  />男
				    <input type="radio" name="sex" value="2" />女
				</td>
			</tr>
			<tr>
				<td style="height: 4rem;">生日：</td>			
				<td><input type="date" name="birthday"   /></td>			
				<td style="height: 4rem;">身份证号：</td>			
				<td><input type="text" name="idcard"   /></td>
			</tr>			
			<tr>
				<td style="height: 4rem;">QQ号：</td>		
				<td><input type="text" name="qq"   /></td>					
				<td style="height: 4rem;">微信号：</td>			
				<td><input type="text" name="wechat"    /></td>
			</tr>
			<tr>
				<td style="height: 4rem;">住址：</td>			
			    <td colspan="3">
				<textarea name="address"  cols="50" rows="10" ></textarea> 				 
			    </td>
			</tr>
		</table>
		<div style="margin-bottom:30px ;">
	       <input type="submit" name="Release" id="button0" value="注册" onclick="" />
       </div>
	    </form>
	</div>
    <!--主体内容 end-->
    <th:block th:include="include:: front-footer" />     
</body>

<script type="text/javascript">
    $(function(){
    	//处理用户的注册信息...
    	
    	
    	
    	
    	
    })
</script>
</html>